import 'package:flutter/material.dart';

class TitleWidget extends StatefulWidget {
  @override
  State<TitleWidget> createState() => _TitleWidgetState();
}

class _TitleWidgetState extends State<TitleWidget> {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
            padding: EdgeInsets.all(12),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Container(
                  child: RichText(
                    text: TextSpan(children: [

                      TextSpan(
                          text: '昆十路跑联赛 -- 千灯节',
                          style: TextStyle(
                              color: Colors.black, fontWeight: FontWeight.bold))
                    ]),
                  ),
                ),
                Container(
                  margin: EdgeInsets.only(top: 9),
                  child: Row(
                    children: [
                      Container(
                        width: 60,
                        height: 19,
                        margin: EdgeInsets.only(right: 10),
                        alignment: Alignment.center,
                        decoration: BoxDecoration(
                            border: Border.all(
                                color: Color.fromRGBO(48, 112, 255, 1)),
                            borderRadius: BorderRadius.circular(2.5)),
                        child: Text(
                          '速度激情',
                          style: TextStyle(
                              fontSize: 11,
                              color: Color.fromRGBO(48, 112, 255, 1)),
                        ),
                      ),
                      Container(
                        width: 60,
                        height: 19,
                        margin: EdgeInsets.only(right: 10),
                        alignment: Alignment.center,
                        decoration: BoxDecoration(
                            border: Border.all(
                                color: Color.fromRGBO(48, 112, 255, 1)),
                            borderRadius: BorderRadius.circular(2.5)),
                        child: Text(
                          '路跑联赛',
                          style: TextStyle(
                              fontSize: 11,
                              color: Color.fromRGBO(48, 112, 255, 1)),
                        ),
                      ),
                    ],
                  ),
                ),
                Container(
                  margin: EdgeInsets.only(top: 10),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Container(
                        child: Row(
                          children: [
                            Container(
                              child: Text(
                                '￥',
                                style: TextStyle(
                                    fontSize: 11,
                                    color: Color.fromRGBO(191, 55, 54, 1)),
                              ),
                            ),
                            Container(
                              child: Text(
                                '1280.00~',
                                style: TextStyle(
                                    fontSize: 16,
                                    color: Color.fromRGBO(191, 55, 54, 1)),
                              ),
                            ),
                            Container(
                                child: Text(
                              '￥',
                              style: TextStyle(
                                  fontSize: 11,
                                  color: Color.fromRGBO(191, 55, 54, 1)),
                            )),
                            Container(
                              child: Text(
                                '1880.00',
                                style: TextStyle(
                                    fontSize: 16,
                                    color: Color.fromRGBO(191, 55, 54, 1)),
                              ),
                            )
                          ],
                        ),
                      ),
                      Container(
                        child: Row(
                          children: [
                            Container(
                              child: Icon(
                                Icons.remove_red_eye,
                                size: 17,
                                color: Color.fromRGBO(136, 136, 136, 1),
                              ),
                            ),
                            Container(
                              margin: EdgeInsets.only(left: 5),
                              child: Text(
                                '255',
                                style: TextStyle(
                                  color: Color.fromRGBO(136, 136, 136, 1),
                                ),
                              ),
                            ),
                            Container(
                              margin: EdgeInsets.only(left: 10),
                              child: Icon(
                                Icons.share_sharp,
                                size: 17,
                                color: Color.fromRGBO(136, 136, 136, 1),
                              ),
                            ),
                            Container(
                              margin: EdgeInsets.only(left: 5),
                              child: Text(
                                '255',
                                style: TextStyle(
                                  color: Color.fromRGBO(136, 136, 136, 1),
                                ),
                              ),
                            )
                          ],
                        ),
                      ),
                    ],
                  ),
                )
              ],
            )),
        Container(
          height: 8,
          color: Color.fromRGBO(249, 249, 249, 1),
        ),
      ],
    );
  }
}
